<template>
  <div class="standard-bg col-md-12">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <div id="anime-ranking-list">
        <aside class="dark-bg sidebar">
          <article>
            <h2 class="icon"><i class="fa fa-bar-chart" aria-hidden="true"></i>我的追番</h2>
            <div class="clearfix spacer"></div>
            <Video3 v-for="item in videoList" :key="item.id" :message="item.data"></Video3>
            <div class="clearfix spacer"></div>
          </article>
        </aside>
      </div>
    </div>
    <div class="col-md-1"></div>
  </div>
</template>

<script>
import Video3 from '../../components/video/Video3'
import {getCollectList} from './collect-js'
export default {
  name: 'Collect',
  data () {
    return {
      videoList: []
    }
  },
  mounted () {
    getCollectList(this)
  },
  components: {Video3}
}
</script>

<style scoped>

</style>
